<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]>	  <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>		 <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>		 <html class="no-js lt-ie9"> <![endif]-->
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width">
	<title>主页</title>
	<meta name="robots" content="noindex, nofollow">
	<meta name="description" content="BootMetro : Simple and complete web UI framework to create web apps with Windows 8 Metro user interface." />
	<meta name="keywords" content="bootmetro, modern ui, modern-ui, metro, metroui, metro-ui, metro ui, windows 8, metro style, bootstrap, framework, web framework, css, html" />
	<meta name="author" content="AozoraLabs by Marcello Palmitessa"/>
		<!-- remove or comment this line if you want to use the local fonts -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/Css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/Css/bootstrap-responsive.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/Css/bootmetro.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/Css/bootmetro-tiles.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/Css/bootmetro-charms.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/Css/metro-ui-light.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/Css/icomoon.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/Css/datepicker.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/Css/daterangepicker.css">

   <!--  these two css are to use only for documentation -->
   <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/Css/demo.css">
   <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/Js/google-code-prettify/prettify.css" >

   <!-- Le fav and touch icons -->
   <link rel="shortcut icon" href="content/ico/favicon.ico">
   <link rel="apple-touch-icon-precomposed" sizes="144x144" href="content/ico/apple-touch-icon-144-precomposed.png">
   <link rel="apple-touch-icon-precomposed" sizes="114x114" href="content/ico/apple-touch-icon-114-precomposed.png">
   <link rel="apple-touch-icon-precomposed" sizes="72x72" href="content/ico/apple-touch-icon-72-precomposed.png">
   <link rel="apple-touch-icon-precomposed" href="content/ico/apple-touch-icon-57-precomposed.png">
  
   <!-- All JavaScript at the bottom, except for Modernizr and Respond.
      Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
      For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
   <script src="__PUBLIC__/Home/Js/modernizr-2.6.1.min.js"></script>
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-3182578-6']);
		_gaq.push(['_trackPageview']);
		(function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
	</script>
</head>

<body>
	<!--[if lt IE 7]>
	<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
	<![endif]-->
	<header id="nav-bar" class="container-fluid">
	  <div class="row-fluid">
		<div class="span8">
			<div id="header-container">
				<a id="backbutton" class="win-backbutton" href="./index.html"></a>
				<h5>网站标题</h5>
				<div class="dropdown">
					<a class="header-dropdown dropdown-toggle accent-color" data-toggle="dropdown" href="#">
						开始
						<b class="caret"></b>
					</a>
					
				</div>
			</div>
		</div>
	
	</div>
	</header>
	<div class="container-fluid">
	  <div class="row-fluid">
		 <div class="metro span12">
            <h6>This page show a full Application Bar stacked on the bottom of the page with plenty of commands.</h6>
            <br />
   
            <form class="">
               <label for="appbar-theme-select">Change ApplicationBar theme:</label>
               <select id="appbar-theme-select" class="">
                  <option value="win-ui-light">Light</option>
                  <option value="win-ui-dark">Dark</option>
               </select>
            </form>
   
            <div class="">
               <h3>Commands Icons</h3>
               <p>Commands markup can be made with <code>&lt;a&gt;</code> element or a <code>&lt;button&gt;</code>.</p>
               <p>To show an icon you should use the glyph code that you find in the <a href="./icons.html">Icons</a> page.</p>
            </div>
   <pre class="prettyprint linenums">
   &lt;button class="win-command"&gt;
      &lt;span class="win-commandimage win-commandring"&gt;&#x0021;&lt;/span&gt;
      &lt;span class="win-label"&gt;Home&lt;/span&gt;
   &lt;/button&gt;
   </pre>
		 </div>
	  </div>
	</div>
		<footer class="win-commandlayout navbar-fixed-bottom">
		<div class="container">
			<div class="row">
				<div class="span6 align-left">
	
					<a class="win-command" href="/">
						<span class="win-commandimage win-commandring">&#x0021;</span>
						<span class="win-label">Home</span>
					</a>
	
					<hr class="win-command" />
	
					<a class="win-command">
						<span class="win-commandimage win-commandring">&#xe03e;</span>
						<span class="win-label">Add</span>
					</a>
	
					<a class="win-command">
						<span class="win-commandimage win-commandring">&#x0052;</span>
						<span class="win-label">Save</span>
					</a>
	
					<a class="win-command">
						<span class="win-commandimage win-commandring">&#xe125;</span>
						<span class="win-label">Reload</span>
					</a>
	
					<a class="win-command">
						<span class="win-commandimage win-commandring">&#xe1cd;</span>
						<span class="win-label">Previous</span>
					</a>
	
					<a class="win-command">
						<span class="win-commandimage win-commandring">&#xe1ca;</span>
						<span class="win-label">Next</span>
					</a>
	
				</div>
	
				<div class="span6 align-right">
					<a class="win-command">
						<span class="win-commandimage win-commandring">&#xe202;</span>
						<span class="win-label">Note</span>
					</a>
					<a class="win-command" href="http://demo.21514.com/" target="_blank">
						<span class="win-commandimage win-commandring">&#xE01F;</span>
						<span class="win-label">Demos</span>
					</a>
					<a class="win-command" href="http://blog.21514.com/" target="_blank">
						<span class="win-commandimage win-commandring">&#x0067;</span>
						<span class="win-label">blog</span>
					</a>
					<a class="win-command" href="http://www.21514.com/job/" target="_blank">
						<span class="win-commandimage win-commandring">&#xE15F;</span>
						<span class="win-label">User</span>
					</a>
					<a class="win-command" href="http://www.21514.com/" target="_blank">
						<span class="win-commandimage win-commandring">&#xE15E;</span>
						<span class="win-label">Copyright</span>
					</a>
				</div>
			</div>
		</div>
	</footer>

<div id="charms" class="win-ui-dark">
	<div id="theme-charms-section" class="charms-section">
		<div class="charms-header">
			<a href="#" class="close-charms win-command">
				<span class="win-commandimage win-commandring">&#xe05d;</span>
			</a>
			<h2>设置</h2>
		</div>
		<div class="row-fluid">
			<div class="span12">
				<form class="">
					<label for="win-theme-select">更换主题:</label>
					<select id="win-theme-select" class="">
						<option value="metro-ui-semilight">Semi-Light</option>
						<option value="metro-ui-light">Light</option>
						<option value="metro-ui-dark">Dark</option>
					</select>
				</form>
			</div>
		</div>
	</div>
</div>
	<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script>window.jQuery || document.write("<script src='__PUBLIC__/Home/Js/jquery-1.8.2.min.js'>\x3C/script>")</script>
	<script type="text/javascript" src="__PUBLIC__/Home/Js/google-code-prettify/prettify.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Home/Js/jquery.mousewheel.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Home/Js/jquery.scrollTo.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Home/Js/bootstrap.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Home/Js/bootmetro.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Home/Js/bootmetro-charms.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Home/Js/demo.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Home/Js/holder.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Home/Js/bootstrap-datepicker.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Home/Js/daterangepicker.js"></script>
	<script type="text/javascript">
	  $(".metro").metro();
	</script>
</body>
</html>